<template>
    <ul>
        <li>
        <router-link to="/films/nowplaying">
          <span class="beeactive">正在热映</span>
        </router-link>
      </li>
       <li>
        <router-link to="/films/comingsoon">
          <span class="beeactive">即将上映</span>
        </router-link>
      </li>
    </ul>
</template>
<style lang="scss" scoped>
    ul{
        display: flex;
        height: 2.7222rem;
        line-height: 2.7222rem;
        li{
            flex: 1;
            text-align: center;
        }
    }
.beeactive{
    color: red;
    border-bottom: 2px solid red;
}
</style>